<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div>
        <p>ppp</p>
    </div>
    <h3>333</h3>
    <h4>444</h4>

    <script>


        // 事件对象：事件处理函数的第一个参数  --- 用来记录事情发生的整个过程

        //   事件处理函数有且只有一个参数  --- 记录者



        // document.onclick = function(a , b) {
        //     console.log(a) ;
        //     console.log(b) ;   // undefined
        // }


        document.onclick = function(event) {
            // console.log(event.x) ;    // 记录坐标

            // target 目标对象  
            console.log(event.target) ;   // 记录具体是由哪个元素触发的事件

            // document -> this  事件源 
            console.log(this) ;   // 绑定事件的对象
        }

    </script>
    
</body>
</html>